body {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
}

* {
	box-sizing: border-box;
}

ul,
li,
p {
	padding: 0;
	margin: 0;
	list-style: none;
}


/*最顶部*/

.topbar a {
	text-decoration: none;
	color: #9E9E9E;
}

.topbar {
	font-size: 12px;
	height: 40px;
	width: 100%;
	background-color: #333;
}

.container {
	width: 1226px;
	min-width: 1226px;
	margin-left: auto;
	margin-right: auto;
}

.topbar .container {
	color: #9e9e9e;
	height: 40px;
	background-color: #333;
}

.container .topbar-mi {
	line-height: 40px;
	width: 575px;
}

.topbar-mi a:hover {
	color: #fff;
}

.topbar-login a:hover {
	color: #fff;
}

.topbar-mi span,
.topbar-login span {
	margin: auto 2px;
	color: #555;
}

.container .topbar-gwc {
	float: right;
	width: 120px;
	height: 40px;
	text-align: center;
	margin-left: 15px;
	background-color: #424242;
	position: relative;
	top: -40px;
	line-height: 40px;
}

.menu {
	background-color: #fff;
	width: 316px;
	height: 0px;
	position: absolute;
	top: 40px;
	right: 0;
	line-height: 83px;
	color: #555555;
	z-index: 22;
	overflow: hidden;
}

.topbar .container .topbar-gwc a {
	display: inline-block;
	height: 100%;
	width: 100%;
}

.container .topbar-login {
	height: 100%;
	float: right;
	position: relative;
	top: -40px;
	line-height: 40px;
}

.clearfloat {
	clear: both;
}


/*topnav*/

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.topnav {
	width: 100%;
	position: relative;
}
/*topnav的下拉*/

.small a img {
	width: 160px;
	height: 110px;
}

.small a {
	display: inline-block;
	width: 160px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}

.has a {
	margin-top: 14px;
}

.has .new {
	font-size: 14px;
	color: #FF6700;
	height: 20px;
	margin: 0;
	line-height: 20px;
	padding: 0 15px;
	border: 1px solid #FF6700;
}

.small p {
	color: #FF6700;
}

.small {
	width: 160px;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	justify-content: center;
}

.topnav-list {
	width: 100vw;
	height: 0;
	position: absolute;
	top: 100px;
	left: 0;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	z-index: 4;
	overflow: hidden;
}

.topnav-list ul {
	display: none;
}

.topnav-list ul.xianshi {
	display: block;
}

.topnav-list ul li{
	height: 230px;
	display: flex;
	justify-content: space-around;
}

.topnav-list ul li span {
	margin-top: -20px;
}

.topnav-list ul li p {
	margin-top: -80px;
}

.topnav .container {
	height: 100px;
}

.logo {
	margin-top: 22px;
}

.logo,
.list {
	float: left;
}

.list {
	height: 100px;
	line-height: 100px;
}

.list img {
	margin-top: 18px;
}

.search {
	float: right;
	position: relative;
	bottom: 15px;
}

.search from {
	float: right;
}

.search from:hover input {
	border-color: #aaa;
}

.list ul li {
	float: left;
	margin: auto 10px;
}

.list ul li:hover a {
	color: #FF6700;
}

a {
	text-decoration: none;
	color: #333333;
}

.search .search-text {
	height: 50px;
	width: 245px;
	padding: 0 10px;
	border: 1px solid #ddd;
	outline: none;
}

.search .search-btn {
	background-color: #FFFFFF;
	margin-left: -5px;
	height: 50px;
	width: 52px;
	padding: 0 6px;
	border: 1px solid #ddd;
	border-left: none;
}

.search .hot-word {
	position: absolute;
	right: 70px;
	top: 0;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
}

.hot-word a {
	color: #777;
	padding: 0 3px;
}

.hot-word a:hover {
	background-color: #FF6700;
	color: #fff;
}

.search .search-btn:hover {
	background-color: #FF6700;
	color: #fff;
	border: none;
}

.word-list {
	position: absolute;
	top: 50px;
	left: 0;
	border: 1px solid #FF6700;
	border-top: none;
	background-color: #FFFFFF;
	padding: 10px;
	z-index: 24;
	width: 245px;
	display: none;
}

.result li {
	margin-top: 10px;
	font-size: 12px;
}

.result li:first-of-type {
	margin: 0;
}

.result li a {
	color: #666;
}

.result li span {
	float: right;
	color: #bbb;
}

/*轮播*/

.lunbo {
	position: relative;
	width: 1226px;
	height: 460px;
}

.lunbo div.img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.lunbo div.current {
	display: block;
}

.lunbo .home-list {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 234px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 20px 0;
}

.home-list .xuan li {
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	padding-left: 30px;
	cursor: pointer;
}
.home-list .xuan li img{
	width: 16px;
	height: 16px;
	float: right;
	margin: 14px 10px auto auto;
}
.home-list .xuan li:hover {
	background-color: #FF6700;
}

.lunbo .btn-left,
.btn-right {
	background-image: url(../icon/icon-slides.png);
	background-position-x: 83px;
	display: block;
	height: 69px;
	width: 41.5px;
	position: absolute;
	top: 209.25px;
	left: 234px;
}

.lunbo .btn-right {
	background-position-x: 41.5px;
	left: 1184.5px;
}

.lunbo .btn-right:hover {
	background-position-x: 124.5px;
}

.lunbo .btn-left:hover {
	background-position-x: 166px;
}

.lunbo-icon .icon {
	position: absolute;
	right: 20px;
	bottom: 20px;
	height: 18px;
}

.icon li {
	float: left;
	width: 20px;
}

.lunbo-icon .icon li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #bbb;
	background-color: #000;
	opacity: 0.5;
	margin-left: 10px;
}

.lunbo-icon .icon li:hover {
	background-color: #fff;
}

.lunbo-icon .icon li.on {
	background-color: #fff;
}

.home-down {
	margin-top: 14px;
	height: 170px;
}

.home-down .down-icon ul {
	width: 234px;
	display: flex;
	flex-wrap: wrap;
	background-color: #5f5750;
	padding: 3px;
}

.down-icon ul li{
	width: 76px;
	height: 82px;
	font-size: 12px;
	text-align: center;
	padding: 0 3px;
	border-right: 1px solid #665E57;
}
.down-icon ul li:nth-of-type(3),.down-icon ul li:nth-of-type(6){
	border-right: none;
}
.down-icon ul li:nth-of-type(1),
.down-icon ul li:nth-of-type(3),
.down-icon ul li:nth-of-type(2){
	border-bottom: 1px solid #665e57;
}
.down-icon li img{
	margin-top: 15px;
	width: 24px;
	height: 24px;
}
.down-icon ul li a{
	color: #cdcac8;
}
.down-icon ul li a:hover{
	color: #fff;
}
.down-icon {
	float: left;
}

.down-img img {
	width: 316px;
	height: 170px;
}

.down-img {
	float: right;
}

.down-img ul li {
	float: left;
	margin-right: 14px;
}

.down-img ul li:last-of-type {
	margin: 0;
}


/*左出菜单*/

.list-in ul {
	width: 265px;
	height: 458px;
	background-color: #fff;
}

.list-in {
	position: absolute;
	top: 2px;
	left: 234px;
	display: none;
}

.list-in li:hover {
	color: #FF6700;
}

.list-in li {
	width: 265px;
	height: 76px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list-in li div span {
	display: inline-block;
	font-size: 14px;
	color: #000;
	height: 20px;
	margin: 0 0 0 30px;
}
.list-in li .xuangou {
	width: 60px;
	height: 24px;
	border: 1px solid #FF6700;
	color: #FF6700;
	text-align: center;
	margin-right: 10px;
}

.list-in li .xuangou:hover {
	background-color: #FF6700;
	color: #fff;
}

.list-out .list-show {
	display: block;
}
.list-in ul li div span:hover{
	color: #FF6700;
	cursor: pointer;
}

/*小米明星单品*/

.mi-star {
	margin-top: 20px;
}

.star-up {
	height: 58px;
}

h2 {
	margin: 0;
	padding: 0;
	display: inline-block;
	font-weight: 300;
	line-height: 58px;
}

.star-up .scroll {
	float: right;
}

.scroll span {
	display: inline-block;
	width: 36px;
	height: 24px;
	border: 1px solid #ddd;
	margin-top: 30px;
	text-align: center;
	cursor: pointer;
}

.scroll .next {
	margin-left: -5px;
	border-left: none;
}

.star-out {
	width: 1226px;
	height: 438px;
	position: relative;
	overflow: hidden;
}

.star-down {
	position: absolute;
	width: 2452px;
}

.star-down ul li {
	float: left;
	width: 234px;
	height: 340px;
	text-align: center;
	margin-left: 11.2px;
	padding-top: 40px;
}

.star-down li a img {
	width: 160px;
	height: 160px;
}

.star-down li a,
.ori {
	font-size: 14px;
}

.ori {
	margin-top: 16px;
	color: #FF6700;
}

.gray {
	font-size: 12px;
	color: #aaa;
	margin-top: 5px;
}

.star-down li a span {
	display: block;
}


/*智能硬件*/

.mi-ware {
	height: 686px;
}

.mi-ware .box-top {
	height: 58px;
}

.top-right {
	float: right;
}

.main-left img {
	width: 234px;
	height: 614px;
}

.main-left {
	float: left;
}

.main-right {
	float: right;
	padding-bottom: 18px;
}

.main-right ul {
	width: 992px;
	display: flex;
	flex-wrap: wrap;
}

.main-right li {
	text-align: center;
	width: 234px;
	height: 300px;
	margin-left: 11.2px;
}

.main-right a img {
	width: 160px;
	height: 160px;
}

.main-right a {
	display: flex;
	flex-wrap: wrap;
	width: 234px;
	justify-content: center;
}

.no-new {
	margin-top: 22.5px;
}

.li-new {
	display: inline-block;
	width: 60px;
	height: 20px;
	background-color: #83c44e;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}


/*搭配*/

.mi-same {
	margin-top: 10px;
}

.same-top {
	display: inline-block;
	position: relative;
	height: 58px;
	width: 100%;
}

.same-scroll {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 58px;
}

.same-scroll li {
	float: left;
	margin-left: 30px;
	height: 58px;
	cursor: pointer;
}

.same-scroll li.show {
	color: #FF6700;
	border-bottom: 2px solid #FF6700;
}

.same-left {
	width: 248px;
	height: 614px;
	padding-right: 14px;
	float: left;
}

.same-left img {
	width: 234px;
	height: 300px;
}

.same-right {
	float: right;
	width: 978px;
	height: 614px;
}

.same-right ul {
	display: flex;
	flex-wrap: wrap;
}

.same-right li {
	width: 234px;
	height: 300px;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: all 0.4s linear;
}
/*css浮动*/
.neirong{
	transition: all 0.4s linear;
}
.neirong:hover{
    transform: translate(0,-5px);
	box-shadow: 0 5px 5px #aaa;
}
.same-right ul li:hover{
	transform: translate(0,-5px);
	box-shadow: 0 5px 5px #aaa;
}
.same-right a img {
	width: 150px;
	height: 150px;
}

.same-right a {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	justify-content: center;
}

.same-right a span {
	display: inline-block;
	width: 234px;
}

.same-right .pingjia {
	position: absolute;
	width: 234px;
	height: 76px;
	background-color: #FF6700;
	bottom: -76px;
	padding: 10px 30px;
}

.pingjia p {
	text-align: left;
	color: #fff;
	font-size: 12px;
	margin-bottom: 5px;
}

.pingjia p:nth-of-type(2) {
	color: #ccc;
}

.last-top,
.last-down {
	width: 234px;
	height: 143px;
	padding: 10px 30px;
}

h3 {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

.last-top .top-left {
	float: left;
	text-align: left;
}

.top-left span {
	font-size: 12px;
}

.last-top a img {
	float: right;
	width: 80px;
	height: 80px;
}


/*热评*/
.hot-review{
	margin: 30px auto;
}
.hot-review .star-up {
	height: 58px;
	line-height: 58px;
}

#hot-list a img {
	width: 296px;
	height: 220px;
}

#hot-list li a {
	width: 296px;
	height: 290px;
	display: flex;
	flex-wrap: wrap;
}

#hot-list ul {
	display: flex;
}

#hot-list li {
	display: inline-block;
	width: 296px;
	height: 415px;
}

#hot-list a span {
	display: inline-block;
	width: 260px;
	font-size: 14px;
	margin: 20px;
}

#hot-list .hot-last {
	display: flex;
	padding: 10px 20px;
}

#hot-list .gray {
	margin-left: 30px;
	margin-top: 10px;
}

#hot-list .hot-last a {
	width: 120px;
	height: 14px;
	font-size: 14px;
}

#hot-list .hot-last p {
	margin: 0;
	width: 100px;
}


/*内容*/

.other-same li {
	width: 296px;
	height: 420px;
	border-top: 1px solid #FFAC13;
}

.other-same {
	display: flex;
}

.other-same ul {
	margin-right: 15px;
}

.other-same ul:last-of-type {
	margin: 0;
}

.other-flex {
	width: 296px;
	height: 350px;
	float: left;
}

h4 {
	margin: 0;
	margin: 20px auto 10px auto;
	font-weight: 400;
	font-size: 20px;
	width: 100%;
	text-align: center;
}

.other-same li p{
	width: 276px;
	text-align: center;
	color: #ffac13;
	margin-top: 40px;
}
.other-flex span {
	display: block;
	text-align: center;
	width: 276px;
	font-size: 14px;
	margin: 15px auto 20px auto;
}

.other-same li .gray {
	width: 200px;
	text-align: center;
	color: #9E9E9E;
	margin-left: 38px;
	margin-top: 0;
}
.gai .other-flex img{
	margin-left: 38px;
}
.other-same li .other-scroll {
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 30px;
	left: 102px;
}

.other-same .other-scroll li {
	border: none;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: #aaa;
	margin: 30px 10px 0 10px;
}

.other-same .other-scroll li:hover {
	background-color: #FF6700;
}

.other-same .other-scroll li.pager {
	border-color: #FF6700;
	background-color: #fff;
}

.other-same ul li {
	position: relative;
	overflow: hidden;
}
.gai {
	width: 1184px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
}


.other-left,
.other-right {
	position: absolute;
	top: 186px;
	background-image: url(../icon/icon-slides.png);
	display: inline-block;
	width: 20px;
	height: 48px;
}

.other-left {
	left: 15px;
	background-position: 73px;
}

.other-left:hover {
	background-position-x: 156px;
}

.other-right {
	left: 256px;
	background-position: 31.5px;
}

.other-right:hover {
	background-position: 114.5px;
}

.other-flex .last-pager {
	width: 120px;
	height: 30px;
	border: 1px solid #FFAC13;
	color: #FFAC13;
	background-color: #FFFFFF;
	line-height: 30px;
}

.same-yellow .last-pager:hover {
	background-color: #FFAC13;
	color: #FFFFFF;
}

.same-green .last-pager {
	border-color: #83C44E;
	color: #83C44E;
}

.same-green .last-pager:hover {
	background-color: #83C44E;
	color: #FFFFFF;
}

.same-red .last-pager {
	border-color: #E53935;
	color: #E53935;
}

.same-red .last-pager:hover {
	background-color: #e53935;
	color: #fff;
}

.same-blue .last-pager {
	border-color: #2196F3;
	color: #2196F3;
}

.same-blue .last-pager:hover {
	background-color: #2196f3;
	color: #fff;
}


/*视频*/

.video {
	height: 356px;
}

.video-top span {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
	cursor: pointer;
}

.video-down ul li {
	float: left;
	width: 290px;
	height: 285px;
	display: flex;
	flex-wrap: wrap;
	margin-right: 20px;
}

.video-down ul li:last-of-type {
	margin: 0;
}

.video-down li a img {
	width: 290px;
	height: 180px;
}

.video-down li a span {
	display: inline-block;
	width: 290px;
	text-align: center;
	margin-top: 30px;
	font-size: 14px;
}

.video-down .gray {
	width: 290px;
	text-align: center;
	margin: 0;
}


/*底部*/

.last-dibu {
	margin-top: 40px;
}

.dbcontent .dbdh {
	float: left;
	color: #616161;
	position: relative;
	width: 245.2px;
	text-align: center;
	border-left: 1px solid #ddd;
}

.dbcontent .dbdh:first-of-type {
	border: none;
}

.dbcontent ul {
	width: 1226px;
	height: 25px;
}

.fwzx {
	margin-top: 30px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

.fwzxlfet table {
	margin-top: 25px;
	border-right: 0.5px solid #E0E0E0;
	padding-right: 6px;
}

.fwzxlfet table tr th {
	width: 160px;
	font-size: 1rem;
	font-weight: normal;
	text-align: left;
	padding: 15px 0;
	color: #424242;
}

.fwzxlfet table tr td {
	width: 160px;
	font-size: 0.8rem;
	text-align: left;
	padding: 3px 0;
	color: #757575;
}

.fwzxlfet table tr td:hover {
	color: #FF6700;
}

.fwzxright {
	width: 230px;
	float: right;
	text-align: center;
	margin-top: -100px;
}

.telphone {
	font-size: 1.3rem;
	color: #FF6700;
}

.fwsj {
	font-size: 0.8rem;
	color: #45454c;
}

.rx {
	width: 120px;
	height: 28px;
	border: 1px solid #FF6700;
	text-align: center;
	line-height: 28px;
	font-size: 0.8rem;
	box-sizing: border-box;
	color: #FF6700;
	margin: 0 auto;
}

.rx:hover {
	background-color: #FF6700;
	color: white;
}

.xmxy {
	width: 100%;
	height: 170px;
	background-color: #FAFAFA;
}

.xycontent {
	width: 1226px;
	height: 140px;
	margin: 0 auto;
	padding-top: 30px;
	box-sizing: border-box;
}

.xycontent img {
	float: left;
	margin-right: 10px;
}

.tent {
	width: 800px;
	height: 64px;
	float: left;
}

.tent ul {
	float: left;
}

.tent ul li {
	float: left;
	font-size: 0.8rem;
}

.tent ul span {
	float: left;
	padding: 0 2px;
	font-size: 0.8rem;
	color: #ccc;
}

.tent ul li a {
	color: #757575;
	text-decoration: none;
}

.tent p {
	float: left;
	font-size: 0.8rem;
	margin: 0;
	color: #B0B0C3;
	margin: 2px 0;
}

.wangz {
	float: right;
}

.wangz a img {
	width: 80px;
	height: 28px;
}

.dblogo {
	width: 267px;
	height: 19px;
	margin: 0 auto 30px auto;
}


/*hover浮动阴影效果*/

ul li {
	position: relative;
}

li div.float {
	width: 100%;
	height: 100%;
	position: absolute;
}

div.img-float{
	position: relative;
	width: 234px;
	height: 300px;
}
.img-float img{
	position: absolute;
	top: 0;
	left: 0;	
}

/*上出div*/

.pingjia {
	position: absolute;
	width: 234px;
	height: 76px;
	bottom: -76px;
	overflow: hidden;
	padding: 10px 30px;
	background-color: #FF6700;
}

.pingjia p {
	font-size: 12px;
	color: #fff;
}

.pingjia p:last-of-type {
	color: #ccc;
}


/*三种一样的*/

.same-right {
	position: relative;
}

.same-right ul.lastshow {
	display: none;
}

.same-right ul {
	position: absolute;
	top: 0;
	left: 0;
}